<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
@charset "UTF-8";

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak,
	.x-ng-cloak, .ng-hide {
	display: none !important;
}

ng\:form {
	display: block;
}

.ng-animate-block-transitions {
	transition: 0s all !important;
	-webkit-transition: 0s all !important;
}

.ng-hide-add-active, .ng-hide-remove {
	display: block !important;
}
</style>

<meta name="renderer" content="webkit">
<title>个人中心_地址管理 |你买我送网上订餐</title>
<link href="./address_files/vendor.606e96.css" rel="stylesheet">
<link href="./address_files/profile.2f9006.css" rel="stylesheet">

<%@ include file="../elements/head.jsp" %>

</head>
<body style="position: relative;">

	<%@ include file="../elements/top.jsp" %>
	<%@ include file="../elements/right.jsp" %>

	<div role="main" class="ng-scope">
		<div class="profile-container container">
			
			<%@ include file="../elements/left.jsp" %>
			
			<div class="profile-panel" role="main">
				<h3 class="profile-paneltitle ng-scope">
					<span class="ng-binding">地址管理</span> 
					<span class="subtitle ng-binding"></span>
				</h3>
				<div class="profile-panelcontent">
					<div class="desktop-addresslist clearfix ng-scope">
						<div class="desktop-addressblock ng-scope">
							<div class="desktop-addressblock-buttons">
								<button class="desktop-addressblock-button" onclick="editAddress()">修改</button>
								<button class="desktop-addressblock-button" onclick="showMask()">删除</button>
							</div>
							<div class="desktop-addressblock-name ng-binding">
								周闭肛 <span class="ng-binding">女士</span>
							</div>
							<div class="desktop-addressblock-address ng-binding">郴州第一职中
								升平路</div>
							<div class="desktop-addressblock-mobile ng-binding">13975564493</div>
							<div class="desktop-addressblock-mask ng-hide"></div>
						</div>
						<button class="desktop-addressblock desktop-addressblock-addblock" onclick="addAddress()">
							<i class="icon-plus"></i>添加新地址
						</button>
					</div>
				</div>
			</div>
		</div>
	</div>
	
	<div style="display: none;" id="insertAddress">
	<div class="addressdialog-content">
		<div class="addressform">
			<div>
				<div class="addressformfield">
					<label>姓名</label><input placeholder="请输入您的姓名">
					<div class="addressformfield-hint">
						<span></span>
					</div>
				</div>
				<div class="addressformfield sexfield">
					<label>性别</label>
					<div>
						<input id="sexfield-1-male" name="sex" type="radio" value="1"><label
							for="sexfield-1-male">先生</label><input id="sexfield-1-female"
							type="radio" name="sex" value="2"><label
							for="sexfield-1-female">女士</label>
					</div>
					<div class="addressformfield-hint">
						<span></span>
					</div>
				</div>
				<div class="addressformfield addressfield">
					<label>位置</label><img
						src=""><input
						placeholder="请输入小区、大厦或学校">
					<div class="address-suggestlist">
						<ul></ul>
					</div>
					<div class="addressformfield-hint">
						<span></span>
					</div>
					<div class="addressform-tip" style="display: none;">
						<p>
							<span>没找到你的地址？</span><a style="display: none;">去地图看看吧！</a>
						</p>
						<p>请尝试只输入小区、大厦或学校看看。</p>
						<div class="arrow"></div>
					</div>
				</div>
				<div class="addressformfield">
					<label>详细地址</label><input placeholder="单元、门牌号">
					<div class="addressformfield-hint">
						<span></span>
					</div>
				</div>
				<div class="addressformfield phonefield">
					<label>手机号</label><input placeholder="请输入您的手机号">
					<div class="addressformfield-hint">
						<span></span>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<div id="delete" style="display: none;">
		<div style="margin-left: 100px;">
			<label>确认删除吗</label>
		</div>
</div>
<%@ include file="../elements/footer.jsp" %>

<script type="text/javascript">
function addAddress(){
	layer.open({
		type : 1,
		title : '添加地址',
		maxmin : false,
		shadeClose : true,
		area : [ '500px', '' ],
		content : $('#insertAddress'),
		btn:['添加','返回'],
		btn1:function(index,layero){
			layer.alert('添加成功！',{title: '提示框',icon:1, });
			layer.close(index);	   				
		},
		btn2:function(index,layero){	
			layer.alert('添加失败！',{title: '提示框',icon:2, });
			layer.close(index);	   				
		},
	});
}
function editAddress(){
	layer.open({
		type : 1,
		title : '修改地址',
		maxmin : false,
		shadeClose : true,
		area : [ '500px', '' ],
		content : $('#insertAddress'),
		btn:['修改','返回'],
		btn1:function(index,layero){
			layer.alert('修改成功！',{title: '提示框',icon:1, });
			layer.close(index);	   				
		},
		btn2:function(index,layero){	
			layer.alert('修改失败！',{title: '提示框',icon:2, });
			layer.close(index);	   				
		},
	});
}

function showMask(){
	layer.open({
		type : 1,
		title : '删除',
		maxmin : false,
		shadeClose : true,
		area : [ '300px', '' ],
		content : $('#delete'),
		btn:['删除','返回'],
		btn1:function(index,layero){
			layer.alert('删除成功！',{title: '提示框',icon:1, });
			layer.close(index);	   				
		},
		btn2:function(index,layero){	
			layer.alert('删除失败！',{title: '提示框',icon:2, });
			layer.close(index);	   				
		},
	});
}
</script>
</body>
</html>